﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ItemAdd.aspx.cs" Inherits="PhotoAdd" ValidateRequest="false" %>

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>50CMS后台框架</title>
    <link rel="shortcut icon" href="favicon.ico">
     <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">
    <link href="../css/plugins/iCheck/custom.css" rel="stylesheet">   
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <script type="text/javascript" src="../../js/jquery.form.js"></script>
    
    <link href="../50/imgup.css" rel="stylesheet" />
    <link href="../50/style.css" rel="stylesheet" />
    <script src="../50/function.js"></script>


    <script type="text/javascript" src="../../kingEditor/kindeditor.js"></script>
    <script charset="utf-8" src="../../kingEditor/lang/zh_CN.js"></script>
    

<script src="../../js/swfupload/ligerBuild.min.js" type="text/javascript"></script>
<script type='text/javascript' src="../../js/swfupload/swfupload.js"></script>
<script type='text/javascript' src="../../js/swfupload/swfupload.queue.js"></script>
<script src="../../js/swfupload/newaddswfupload.handlers.js" type="text/javascript"></script>    
<link href="../../js/swfupload/ligerui-dialog.css" rel="stylesheet" type="text/css" />

     <script>
        var editor;
        KindEditor.ready(function (K) {
            editor = K.create('#txtPcontent', {
                resizeType: 2,
                uploadJson: '../../../api/Tools/upload_json.ashx', // 相对于当前页面的路径
                fileManagerJson: '../../../api/Tools/file_manager_json.ashx',
                allowFileManager: true
            });
        });

         KindEditor.ready(function (K) {
            editor[1] = K.create('#txtPcontent1', {
                resizeType: 2,
                uploadJson: '../../../api/Tools/upload_json.ashx', // 相对于当前页面的路径
                fileManagerJson: '../../../api/Tools/file_manager_json.ashx',
                allowFileManager: true
            });
        });

        $(function () {
            var imgurl = document.getElementById("txtImgUrl").value;
            if (imgurl != "") {
                $(".imgbox").empty();
                $(".imgbox").append("<img src=\"" + imgurl + "\" />");
            }
        });
    </script>

</head>
<body class="gray-bg">
<form id="form1" runat="server" class="form-horizontal">
  <div class="wrapper animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">

<div class="tabs-container" style="margin-top: 1em;">
                <ul class="nav nav-tabs">
                    <li class="active" id="tab1" ><a data-toggle="tab" href="#tab11" aria-expanded="true">
                        基础信息</a> </li>
                    <li class="" id="tab2" ><a data-toggle="tab" href="#tab22" aria-expanded="false">
                        封面图片</a> </li>
                    <li class="" id="tab3" ><a data-toggle="tab" href="#tab33" aria-expanded="false">
                        展示</a> </li>
                       <li class="" id="tab4" ><a data-toggle="tab" href="#tab44" aria-expanded="false">
                        服务体验</a> </li>
                </ul>
                <div class="tab-content"  >
                    <div id="tab11" class="tab-pane active">
                        <div class="panel-body">


                            <div class="form-group">


                                <div class="col-sm-12" style="margin-top: 1em;">
                                    <label class="col-sm-2 control-label">套餐标题：</label>
                                    <div class="col-sm-6">
                                        <asp:TextBox ID="txtPname" runat="server" class="form-control" required="" aria-required="true" MaxLength="50" HintTitle="主题" HintInfo="请填写套餐标题"></asp:TextBox>

                                    </div>
                                </div>

                                <div class="col-sm-12" style="margin-top: 1em;">
                                    <label class="col-sm-2 control-label">套餐价格：</label>
                                    <div class="col-sm-6">
                                        <asp:TextBox ID="txtPrice" runat="server" CssClass="form-control" required="" aria-required="true" MaxLength="50" HintTitle="套餐价格" HintInfo="请填写套餐价格"></asp:TextBox>
                                    </div>
                                </div>

                                <div class="form-group" style="margin-top: 2em;">
                                    <div class="col-sm-8 col-sm-offset-3" style="margin-top: 2em;">
                                        <asp:Button ID="Button1" runat="server" Text="确定" class="btn btn-primary" OnClick="Button1_Click" />
                                    </div>
                                </div>

                            </div>
                            <%--<div class="form-group">
                            </div>
                           <div class="form-group">
                            </div>

                            <div class="form-group">
                            </div>--%>

                        </div>
                    </div>

                  <div id="tab22" class="tab-pane">
                        <div class="panel-body">

                       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="msgtable">       
            <tr >
             <td width="343" rowspan="9" align=center>
             
              <div class="imgbox"></div>
         
             <asp:TextBox ID="txtImgUrl" runat="server" CssClass="input w250 left" style="display:none;"></asp:TextBox>
                <a href="javascript:void(0);" class="files">
                <input type="file" id="FileUpload" name="FileUpload" onchange="SingleUpload('txtImgUrl','FileUpload')" /></a>
                <a class="uploading">正在上传，请稍候...</a>
            
            </td>
           </tr>
      
           </table>    
                        
                        </div>
                    </div>
                
                    <div id="tab33" class="tab-pane">
                        <div class="panel-body">

                          <div class="form-group">
                              <textarea id="txtPcontent" cols="100" rows="8" style="width: 100%; height: 400px; visibility: hidden;" runat="server"></textarea>
                            </div>
                  
                        </div>
                    </div>

                  <div id="tab44" class="tab-pane">
                        <div class="panel-body">
                            <div class="form-group">
                              <textarea id="txtPcontent1" cols="100" rows="8" style="width: 100%; height: 400px; visibility: hidden;" runat="server"></textarea>
                            </div>
                        </div>
                    </div>

</div>
</div>
</div>
</div>
</div>
    
    </form>


     <!-- 全局js -->
 
    <script src="../js/bootstrap.min.js?v=3.3.6"></script>

    <!-- 自定js -->
    <script type="text/javascript" src="../js/layer/layer.js"></script>
    <script type="text/javascript">

        if (typeof (Close) != "undefined") {
            layer.msg('保存成功，正在返回', {
                time: 2000, //20s后自动关闭 
            }, function () {
                    var index = parent.layer.getFrameIndex(window.name); //获取当前窗体索引
                    layer.close(index); //执行关闭
                });
        }


    </script>
</body>
</html>
